<template>
  <div id="app">
    <div class="content">
        我是App.vue里的,我很无辜
    </div>
    <h3>案例：折叠面板</h3>
    <!-- 4使用组件 标签的形式使用-->
    1.<PannelL></PannelL>
    2.<PannelL></PannelL>
    3.<PannelL></PannelL>
    <hr/>
    我是全局的组件
    形式1 
    <PannelA></PannelA>
    形式2
    <PannelA />
    形式3
    <pannel-a></pannel-a>
  </div>
</template>

<script>
// 1.创建一个.vue文件 (叫组件)
// 2. 引入组件 名字随便起
import A from './components/Pannel.vue'
export default {
  // 3. 注册组件 模板使用名字(随便起): 引入名
  components: {
    PannelL: A
  },
}
</script>

<style lang="less">
</style>

